<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="CSS05_text.css">
    <title>字体与文本</title>
</head>
<body>
    
    <h1>字体与文本</h1>
    <p class="box f1">字体种类</p>
    <P class="box f2">斜体&加粗</P>
    br
    <h1>字体与文本</h1>
    <p class="box f3">文本对齐</p>
    <p class="box f4">行高</p>
    <p class="box f5">文本装饰线</p>
    <p class="box f6">文本缩进<br>12345<br>helloworld<br>&emsp;&emsp;首行缩进两字符</p>
    <p class="box f7">字符间距 单词间距 abc hello world</p>
    <p class="box f8">字母转换、阴影</p>
    
    <p title="abc">这是第一个p</p>
    <p title="abcd">这是第二个p</p>
    <p title="hello">这是第三个p</p>
    <p>这是第四个p</p>
    <div title="abc">这是div里的内容</div>

    <span>博客园</span>
    <div>给最苦</div>     
</body>
</html>